<template>
	<!-- about -->
	<Header></Header>
	<div class="features features-about segments" style="margin-top: 70px;min-height: 400px;">
	    <div class="container">
			
	        <div class="row">
	            <div class="col s6" v-for="(item,index) in jobsList" :key="index" style="margin-bottom: 20px;">
	                <div class="content">
						<router-link :to="`/jobList?id=${item.id}`">
							<i class="fas fa-user"></i>
							<h6>{{item.content}}</h6>
						</router-link>
						
	                </div>
	            </div>
	          
	        </div>
	        
	     
	    </div>
	</div>
	
	 <Footer></Footer>
</template>

<script>
	import api from "@/api/index"
	export default {
		data() {
			return {
				data: {},
				jobsList: [],
				id: 0,
				categoryId: 0,
				imagesUrl: []
			}
		},
		mounted() {
			this.categoryId = this.$route.query.classId
			this.positioncategorygetList()
		},
		methods: {
			//获取数据
			async positioncategorygetList() {
				var url = '?id=' + this.categoryId
				api.positioncategorygetList(url).then(res => {
					this.jobsList = res.data.data
					//console.log(res.data.data)
				})
			},
			onDetail(id) {
				this.$router.push({
					path: '/jobList',
					query: {
						id: id,
						classId: this.categoryId
					}
				})
			}
		}
	}
</script>


<style>
	.job-block-wrapper-3DKhdqxcBc{
		margin: 0 -12px;
	}
	.job-block-2lsPa1KFlA{
		display: inline-block;
		    overflow: hidden;
		    margin: 12px;
		    padding: 0 24px;
		    width: 220px;
		    height: 160px;
		    background-color: #fff;
		    text-align: center;
	}
	.home-title-color{
		color: #333;
	}
	.job-block-title-i8gL2Q9CP2 {
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    margin-top: 36px;
	    margin-bottom: 18px;
	    font-size: 20px;
	    line-height: 28px;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
	.btn-text-color {
	    color: #fff;
	}
	.btn-bg-color {
	    background-color: #0480fc;
	}
	.job-block-count-3pzAB3QH9x {
	    font-size: 14px;
	    line-height: 20px;
	    padding: 5px 17px;
	}
</style>
